import Taro from "@tarojs/taro";
import { memo, useEffect, useState } from "react";
import { ScrollView, Text, View, Image, Input, Textarea } from "@tarojs/components";
import { Popup, Button, Overlay, Picker } from "@nutui/nutui-react-taro";

import useNavInfo from "../../../../hooks/useNavInfo";
import { selectMiniTransers } from "../../../../api/apply";
import dayjs from "dayjs";
import { iconFriend } from "../../../../assets/files";
import "./index.scss";

const ShareModal = (props) => {
  const { visible, close, onclick } = props

  const { screenHeight, screenWidth } = useNavInfo();

  const onclickFn = (e) => {
    e.stopPropagation()
    onclick && onclick()
  }

  return (
    <View>
      {
        visible &&
        <View className="modalWrap" onClick={close} style={{ width: screenWidth, height: screenHeight }}>
          <View className="contentWrap">

            <View className="dalMian">
              <View className="shareItem">
                <View className="sha">
                  <Image src={iconFriend} className="shareIconSty" />
                  <Text>微信好友</Text>
                </View>
                <Button openType="share" className="shareBtn">
                  test
                </Button>
              </View>
            </View>

            <View className="cancelWrap">
              <Text>取消</Text>
            </View>

          </View>
        </View>
      }


    </View>

  );
}

export default ShareModal;
